<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=600, initial-scale=1.0, user-scalable=no" />

    <title>企安安全</title>
    <link rel="stylesheet" type="text/css" href="css/dist/common.css" />
    <link rel="stylesheet" href="css/swiper-bundle.min.css">
    <link rel="stylesheet" href="layui/css/layui.css">
    <link rel="stylesheet" type="text/css" href="css/dist/index.css" />


</head>

<body>
    <div class="header container">
        <img class="logo" src="static/img/logo.png" alt="">
        <div class="header-nav">
            <span>考证种类</span>
            <span>师资力量</span>
            <span>考场环境</span>
            <span>开班信息</span>
            <span>新闻动态</span>
            <span>联系我们</span>

        </div>
        <div class="call">
            <span class="call-phone">咨询电话:</span>
            <span class="call-number">400-6365-666</span>
        </div>
    </div>
    <div class="banner">
        <div class="swiper" id="swiper1">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img src="static/img/banner.jpg" alt="">
                </div>
                <div class="swiper-slide"> <img src="static/img/szbj.png" alt=""></div>
                <div class="swiper-slide"> <img src="static/img/banner.jpg" alt=""></div>
            </div>
            <div class="swiper-pagination">
            </div>
        </div>
        <div class="banner-menu">
            <div class="menu-box">
                <h2>考证种类</h2>
                <ul class="ul-parent">
                    <li class="li-parent">
                        <span class="li-parent-span">特种作业</span>
                        <ul class="ul-child">
                            <li>
                                <a href="">焊接与热切割作业</a>
                            </li>
                            <li>
                                <a href="">电工作业</a>
                            </li>
                            <li>
                                <a href="">高处作业</a>
                            </li>
                            <li>
                                <a href="">制冷与空调作业</a>
                            </li>
                            <li>
                                <a href="">复训换证</a>
                            </li>
                        </ul>
                    </li>
                    <li class="li-parent">
                        <span class="li-parent-span">生产经营单位</span>
                        <ul class="ul-child">
                            <li>
                                <a href="">安全生产管理人员</a>
                            </li>
                            <li>
                                <a href="">安全生产负责人员</a>
                            </li>
                            <li>
                                <a href="">主要负责人</a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>

        </div>
    </div>
    <div class="staff-index">
        <div class="container">
            <h3 class="staff-h3">考证顺利过关，离不开优秀的好老师</h3>
            <div class="staff-title-info">
                <span>
                    我们的培训师资力量强大，拥有一支高水平、经验丰富的教师团队，他们具备广博的知识和丰富的实践经验
                </span>
                <a href="" class="more">查看更多 ></a>
            </div>
            <div class="staff-center">
                <div class="staff-top">
                    <div class="staff-info">
                        <div class="staff-info-title">
                            <i>90+</i>
                            <span>专职教师</span>
                        </div>
                        <span class="staff-info-span">高学历博士、硕士研究生、985大厂背景百度、阿里、华为</span>
                    </div>
                    <div class="staff-info">
                        <div class="staff-info-title">
                            <i>90+</i>
                            <span>专职教师</span>
                        </div>
                        <span class="staff-info-span">高学历博士、硕士研究生、985大厂背景百度、阿里、华为</span>
                    </div>
                    <div class="staff-info">
                        <div class="staff-info-title">
                            <i>90+</i>
                            <span>专职教师</span>
                        </div>
                        <span class="staff-info-span">高学历博士、硕士研究生、985大厂背景百度、阿里、华为</span>
                    </div>
                </div>
                <div class="staff-teacher-box">
                    <div class="swiper" id="swiper2">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="staff-teacher">
                                    <div class="teacher-img">
                                        <img src="static/img/kf.png" alt="">
                                    </div>
                                    <div class="info">
                                        <h3 class="info-name">邓老师</h3>
                                        <div class="tag">
                                            <span style="background-color: #FF6E28;">熔化焊接与热切割作业</span>
                                            <span style="background-color: #4C3F9F;">10年教学经验</span>
                                        </div>
                                        <div class="title">
                                            具有丰富的焊接教学经验，并积极参与企业技术攻关和社会技能培
                                        </div>
                                        <div class="details">
                                            焊接与热切割作业10年，有丰富的实战经验，，被誉为中国的焊接专家，曾获得“七一勋章”，并在焊接领域有着丰富的实践经验和教育成就，担任焊工培训讲师，具有丰富的焊接教学和实践经验‌，焊接老师是专门教授焊接技术和理论的教育工作者，他们不仅传授焊接技能，还培养学生的实践能力和对焊接工艺的理解。
                                        </div>
                                        <button class="btn"> <a href="">
                                                立即咨询
                                            </a></button>
                                    </div>
                                </div>

                            </div>
                            <div class="swiper-slide">
                                <div class="staff-teacher">
                                    <div class="teacher-img">
                                        <img src="static/img/kf.png" alt="">
                                    </div>
                                    <div class="info">
                                        <h3 class="info-name">邓老师</h3>
                                        <div class="tag">
                                            <span style="background-color: #FF6E28;">熔化焊接与热切割作业</span>
                                            <span style="background-color: #4C3F9F;">10年教学经验</span>
                                        </div>
                                        <div class="title">
                                            具有丰富的焊接教学经验，并积极参与企业技术攻关和社会技能培
                                        </div>
                                        <div class="details">
                                            焊接与热切割作业10年，有丰富的实战经验，，被誉为中国的焊接专家，曾获得“七一勋章”，并在焊接领域有着丰富的实践经验和教育成就，担任焊工培训讲师，具有丰富的焊接教学和实践经验‌，焊接老师是专门教授焊接技术和理论的教育工作者，他们不仅传授焊接技能，还培养学生的实践能力和对焊接工艺的理解。
                                        </div>
                                        <button class="btn"> <a href="">
                                                立即咨询
                                            </a></button>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="staff-teacher">
                                    <div class="teacher-img">
                                        <img src="static/img/kf.png" alt="">
                                    </div>
                                    <div class="info">
                                        <h3 class="info-name">邓老师</h3>
                                        <div class="tag">
                                            <span style="background-color: #FF6E28;">熔化焊接与热切割作业</span>
                                            <span style="background-color: #4C3F9F;">10年教学经验</span>
                                        </div>
                                        <div class="title">
                                            具有丰富的焊接教学经验，并积极参与企业技术攻关和社会技能培
                                        </div>
                                        <div class="details">
                                            焊接与热切割作业10年，有丰富的实战经验，，被誉为中国的焊接专家，曾获得“七一勋章”，并在焊接领域有着丰富的实践经验和教育成就，担任焊工培训讲师，具有丰富的焊接教学和实践经验‌，焊接老师是专门教授焊接技术和理论的教育工作者，他们不仅传授焊接技能，还培养学生的实践能力和对焊接工艺的理解。
                                        </div>
                                        <button class="btn">
                                            <a href="">
                                                立即咨询
                                            </a>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-pagination">
                        </div>


                    </div>

                </div>
            </div>
        </div>


    </div>
    <div class="environment container">
        <h1>4200m²教学场地，中山市指定考试机构</h1>
        <span class="environment-info">
            安全培训与考核项目有:高危和非高危行业生产经营单位主要负责人与安全生产管理人员安全生产培训;特种作业人员(金属熔化焊接与热切割、钎焊、高低压电工、高处安装维护拆除、登高架设、制冷与空调设备安装维修、制冷与空调运行电气继电保护、电气试验、电力电缆等作业)培训与考核
        </span>
        <div class="environment-picture">
            <div class="layui-row layui-col-space20">
                <div class="layui-col-xs6 layui-col-sm6 layui-col-md4">
                    <a href="">
                        <img src="static/img/banner.jpg" alt=""></a>
                    <a href=""><span>高压电工实验室</span></a>

                </div>
                <div class="layui-col-xs6 layui-col-sm6 layui-col-md4">
                    <a href="">
                        <img src="static/img/banner.jpg" alt=""></a>
                    <a href=""><span>高压电工实验室</span></a>

                </div>
                <div class="layui-col-xs6 layui-col-sm6 layui-col-md4">
                    <a href="">
                        <img src="static/img/banner.jpg" alt=""></a>
                    <a href=""><span>高压电工实验室</span></a>

                </div>
                <div class="layui-col-xs6 layui-col-sm6 layui-col-md4">
                    <a href="">
                        <img src="static/img/banner.jpg" alt=""></a>
                    <a href=""><span>高压电工实验室</span></a>
                </div>
                <div class="layui-col-xs6 layui-col-sm6 layui-col-md4">
                    <a href="">
                        <img src="static/img/banner.jpg" alt=""></a>
                    <a href=""><span>高压电工实验室</span></a>
                </div>
                <div class="layui-col-xs6 layui-col-sm6 layui-col-md4">
                    <a href="">
                        <img src="static/img/banner.jpg" alt=""></a>
                    <a href="" target="_blank"><span>高压电工实验室</span></a>
                </div>
            </div>
            <div class="more">
                <a href="">查看更多</a>
            </div>
        </div>
    </div>
    <div class="time">
        <div class="container">
            <h1>开班计划</h1>
            <span class="time-info">以下是我们8月份每个工种的开班计划</span>
            <div class="time-list">
                <div class="swiper" id="swiper3">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <div class="time-list-li">
                                <div class="time-list-li-title">
                                    <i>01</i><span>焊接与热切割作业</span>
                                </div>
                                <div class="time-list-li-info">
                                    <div class="time-list-li-box">
                                        <div class="label">
                                            <span>班期</span>
                                            <strong>30期</strong>
                                        </div>
                                        <div class="label">
                                            <span>开班人数</span>
                                            <strong>30人</strong>
                                        </div>
                                        <div class="label">
                                            <span>培训时间</span>
                                            <strong>30天</strong>
                                        </div>
                                        <div class="label">
                                            <span>考试日期</span>
                                            <strong>2024年08月23日</strong>
                                        </div>
                                        <div class="btn-contact">
                                            立即咨询
                                        </div>
                                    </div>
                                </div>
                                <div class="time-list-li-info">
                                    <div class="time-list-li-box">
                                        <div class="label tag1">
                                            <span>班期</span>
                                            <strong>30期</strong>
                                        </div>
                                        <div class="label tag1">
                                            <span>开班人数</span>
                                            <strong>30人</strong>
                                        </div>
                                        <div class="label tag2">
                                            <span>培训时间</span>
                                            <strong>30天</strong>
                                        </div>
                                        <div class="label tag3">
                                            <span>考试日期</span>
                                            <strong>2024年08月23日</strong>
                                        </div>
                                        <div class="btn-contact">
                                            立即咨询
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="time-list-li">
                                <div class="time-list-li-title">
                                    <i>02</i><span>焊接与热切割作业</span>
                                </div>
                                <div class="time-list-li-info">
                                    <div class="time-list-li-box">
                                        <div class="label">
                                            <span>班期</span>
                                            <strong>30期</strong>
                                        </div>
                                        <div class="label">
                                            <span>开班人数</span>
                                            <strong>30人</strong>
                                        </div>
                                        <div class="label">
                                            <span>培训时间</span>
                                            <strong>30天</strong>
                                        </div>
                                        <div class="label">
                                            <span>考试日期</span>
                                            <strong>2024年08月23日</strong>
                                        </div>
                                        <div class="btn-contact">
                                            立即咨询
                                        </div>
                                    </div>
                                </div>

                            </div>
                            <div class="time-list-li">
                                <div class="time-list-li-title">
                                    <i>01</i><span>焊接与热切割作业</span>
                                </div>
                                <div class="time-list-li-info">
                                    <div class="time-list-li-box">
                                        <div class="label">
                                            <span>班期</span>
                                            <strong>30期</strong>
                                        </div>
                                        <div class="label">
                                            <span>开班人数</span>
                                            <strong>30人</strong>
                                        </div>
                                        <div class="label">
                                            <span>培训时间</span>
                                            <strong>30天</strong>
                                        </div>
                                        <div class="label">
                                            <span>考试日期</span>
                                            <strong>2024年08月23日</strong>
                                        </div>
                                        <div class="btn-contact">
                                            立即咨询
                                        </div>
                                    </div>
                                </div>
                                <div class="time-list-li-info">
                                    <div class="time-list-li-box">
                                        <div class="label tag1">
                                            <span>班期</span>
                                            <strong>30期</strong>
                                        </div>
                                        <div class="label tag1">
                                            <span>开班人数</span>
                                            <strong>30人</strong>
                                        </div>
                                        <div class="label tag2">
                                            <span>培训时间</span>
                                            <strong>30天</strong>
                                        </div>
                                        <div class="label tag3">
                                            <span>考试日期</span>
                                            <strong>2024年08月23日</strong>
                                        </div>
                                        <div class="btn-contact">
                                            立即咨询
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="time-list-li">
                                <div class="time-list-li-title">
                                    <i>01</i><span>焊接与热切割作业</span>
                                </div>
                                <div class="time-list-li-info">
                                    <div class="time-list-li-box">
                                        <div class="label">
                                            <span>班期</span>
                                            <strong>30期</strong>
                                        </div>
                                        <div class="label">
                                            <span>开班人数</span>
                                            <strong>30人</strong>
                                        </div>
                                        <div class="label">
                                            <span>培训时间</span>
                                            <strong>30天</strong>
                                        </div>
                                        <div class="label">
                                            <span>考试日期</span>
                                            <strong>2024年08月23日</strong>
                                        </div>
                                        <div class="btn-contact">
                                            立即咨询
                                        </div>
                                    </div>
                                </div>
                                <div class="time-list-li-info">
                                    <div class="time-list-li-box">
                                        <div class="label tag1">
                                            <span>班期</span>
                                            <strong>30期</strong>
                                        </div>
                                        <div class="label tag1">
                                            <span>开班人数</span>
                                            <strong>30人</strong>
                                        </div>
                                        <div class="label tag2">
                                            <span>培训时间</span>
                                            <strong>30天</strong>
                                        </div>
                                        <div class="label tag3">
                                            <span>考试日期</span>
                                            <strong>2024年08月23日</strong>
                                        </div>
                                        <div class="btn-contact">
                                            立即咨询
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="time-list-li">
                                <div class="time-list-li-title">
                                    <i>02</i><span>焊接与热切割作业</span>
                                </div>
                                <div class="time-list-li-info">
                                    <div class="time-list-li-box">
                                        <div class="label">
                                            <span>班期</span>
                                            <strong>30期</strong>
                                        </div>
                                        <div class="label">
                                            <span>开班人数</span>
                                            <strong>30人</strong>
                                        </div>
                                        <div class="label">
                                            <span>培训时间</span>
                                            <strong>30天</strong>
                                        </div>
                                        <div class="label">
                                            <span>考试日期</span>
                                            <strong>2024年08月23日</strong>
                                        </div>
                                        <div class="btn-contact">
                                            立即咨询
                                        </div>
                                    </div>
                                </div>

                            </div>
                            <div class="time-list-li">
                                <div class="time-list-li-title">
                                    <i>01</i><span>焊接与热切割作业</span>
                                </div>
                                <div class="time-list-li-info">
                                    <div class="time-list-li-box">
                                        <div class="label">
                                            <span>班期</span>
                                            <strong>30期</strong>
                                        </div>
                                        <div class="label">
                                            <span>开班人数</span>
                                            <strong>30人</strong>
                                        </div>
                                        <div class="label">
                                            <span>培训时间</span>
                                            <strong>30天</strong>
                                        </div>
                                        <div class="label">
                                            <span>考试日期</span>
                                            <strong>2024年08月23日</strong>
                                        </div>
                                        <div class="btn-contact">
                                            立即咨询
                                        </div>
                                    </div>
                                </div>
                                <div class="time-list-li-info">
                                    <div class="time-list-li-box">
                                        <div class="label tag1">
                                            <span>班期</span>
                                            <strong>30期</strong>
                                        </div>
                                        <div class="label tag1">
                                            <span>开班人数</span>
                                            <strong>30人</strong>
                                        </div>
                                        <div class="label tag2">
                                            <span>培训时间</span>
                                            <strong>30天</strong>
                                        </div>
                                        <div class="label tag3">
                                            <span>考试日期</span>
                                            <strong>2024年08月23日</strong>
                                        </div>
                                        <div class="btn-contact">
                                            立即咨询
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="custom-pagination">
                </div>
            </div>
        </div>
    </div>
    <div class="apply container">
        <div class="apply-left">
            <img src="static/img/kf.png" alt="">
            <div class="conditions-box">
                <div class="conditions" style="color: #4C3F9F;margin-bottom: 25px;">
                    <span>01</span>
                    <span>报名条件</span>
                </div>
                <div class="conditions" style="color: #E23321;">
                    <span>02</span>
                    <span>所需材料</span>
                </div>
            </div>

        </div>

        <div class="apply-info">
            <div class="apply-info-txt">
                <h3>一、满足以下两个条件即可取证</h3>
                <p>年满18岁</p>
                <p>初中以上的学历</p>
                <h3>二、需要准备的资料</h3>
                <p>身份证正反面</p>
                <p>初中以上的学历证明（毕业证或户口本）</p>
                <p>电子版白底一寸照片</p>
            </div>
            <button class="btn-apply">立即咨询</button>
        </div>
    </div>
    <div class="new">
        <div class="container">
            <div class="new-left">
                <div class="swiper" id="swiper4">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <img src="static/img/banner.jpg" alt="">
                        </div>
                        <div class="swiper-slide">
                            <img src="static/img/banner.jpg" alt="">
                        </div>
                    </div>
                </div>
            </div>
            <div class="new-right">
                <div class="new-right-list">
                    <div class="new-right-list-nav">
                        <ul>
                            <li class="on">考试通知</li>
                            <li class="">
                                新闻中心
                            </li>
                        </ul>

                        <div class="more"><a href="">查看更多 ></a></div>
                    </div>
                    <ul class="new-right-list-row">
                        <li>
                            <a
                                href="">具有丰富的焊接教学经验，并积极参与企业技术攻关和社会技能培训社会技能培训社会技能培训社会技能培训具有丰富的焊接教学经验，并积极参与企业技术攻关和社会技能培训社会技能培训社会技能培训社会技能培训具有丰富的焊接教学经验，并积极参与企业技术攻关和社会技能培训社会技能培训社会技能培训社会技能培训</a>
                        </li>
                        <li>
                            <a href="">具有丰富的焊接教学经验，并积极参与企业技术攻关和社会技能培训</a>
                        </li>
                        <li>
                            <a href="">具有丰富的焊接教学经验，并积极参与企业技术攻关和社会技能培训</a>
                        </li>
                        <li>
                            <a href="">具有丰富的焊接教学经验，并积极参与企业技术攻关和社会技能培训</a>
                        </li>
                        <li>
                            <a href="">具有丰富的焊接教学经验，并积极参与企业技术攻关和社会技能培训</a>
                        </li>
                        <li>
                            <a href="">具有丰富的焊接教学经验，并积极参与企业技术攻关和社会技能培训</a>
                        </li>
                        <li>
                            <a href="">具有丰富的焊接教学经验，并积极参与企业技术攻关和社会技能培训</a>
                        </li>
                        <li>
                            <a href="">具有丰富的焊接教学经验，并积极参与企业技术攻关和社会技能培训</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="map">
        <div id="map" class="map"></div>
    </div>
    <div class="footer">
        <div class="container">
            <p>客服电话：400-960-5198</p>
            <div class="filing">
                <a href="https://beian.mps.gov.cn/#/query/webSearch" target="_blank">粤ICP备2024293430号-1</a>
                <p> 中山市企安安全技术有限公司 地址：中山市黄圃镇兴圃大道西57号三层 </p>
            </div>
        </div>

    </div>
    <script src="layui/layui.js"></script>

    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
    <script src="js/swiper-bundle.min.js"></script>
    <script type="text/javascript"
        src="http://api.map.baidu.com/api?type=webgl&v=1.0&ak=YPDHjRKh9Z5Y0pqO6eNu7D9bLXBjdySR"></script>
    <!-- <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&&type=webgl&ak=YPDHjRKh9Z5Y0pqO6eNu7D9bLXBjdySR">
    </script> -->
</body>


<script>
    var map = new BMapGL.Map("map");
    // 创建点坐标
    map.centerAndZoom(new BMapGL.Point(113.340166, 22.71803), 11)
    var point = new BMapGL.Point(113.340166, 22.71803);
    // 初始化地图，设置中心点坐标和地图级别
    map.centerAndZoom(point, 15);
    var marker = new BMapGL.Marker(point);  // 创建标注
    map.addOverlay(marker)
    map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
    map.disableScrollWheelZoom(); // 禁用滚轮缩放  
    map.addEventListener("click", function () {
        map.enableScrollWheelZoom(); // 启用滚轮缩放  
        // （可选）3秒后再次禁用滚轮缩放  
        setTimeout(function () {
            map.disableScrollWheelZoom();
        }, 2000);
    });
    // 创建定位控件
    var locationControl = new BMapGL.LocationControl({
        // 控件的停靠位置（可选，默认左上角）
        anchor: BMAP_ANCHOR_TOP_RIGHT,
        // 控件基于停靠位置的偏移量（可选）
        offset: new BMapGL.Size(20, 20)
    });
    // 将控件添加到地图上
    map.addControl(locationControl);

    // 添加定位事件
    locationControl.addEventListener("locationSuccess", function (e) {
        var address = '';
        address += e.addressComponent.province;
        address += e.addressComponent.city;
        address += e.addressComponent.district;
        address += e.addressComponent.street;
        address += e.addressComponent.streetNumber;
        alert("当前定位地址为：" + address);
    });
    locationControl.addEventListener("locationError", function (e) {
        alert(e.message);
    });
    // 创建信息窗口
    var opts = {
        width: 200,
        height: 100,
        title: '企安特种作业考试中心'
    };
    var infoWindow = new BMapGL.InfoWindow('<b>地址：广东省中山市黄圃镇兴圃大道西59号A栋1、3层</b><br/> <b>联系电话：123456</b>', opts);
    // 点标记添加点击事件
    map.openInfoWindow(infoWindow, point);
    marker.addEventListener('click', function () {
        // 开启信息窗口
        map.openInfoWindow(infoWindow, point);

    });

    var mySwiper = new Swiper('#swiper1', {
        direction: 'horizontal', // 
        loop: true, // 循环模式选项
        autoplay: {
            delay: 2500,
            disableOnInteraction: false,
        },
        // delay: 3000,
        pagination: {
            el: ".swiper-pagination",
            type: 'progressbar',
        },
    })

    var mySwiperTeacher = new Swiper('#swiper2', {
        direction: 'horizontal', // 
        loop: true, // 循环模式选项
        // autoplay: {
        //     delay: 2500,
        //     disableOnInteraction: false,
        // },
        pagination: {
            el: ".swiper-pagination",
            type: 'progressbar',
        },
    })

    var mySwiperTeacher = new Swiper('#swiper3', {
        direction: 'horizontal', // 
        loop: true, // 循环模式选项
        autoplay: {
            delay: 2500,
            disableOnInteraction: false,
        },
        pagination: {
            el: ".custom-pagination",
            type: 'bullets',
            bulletClass: 'timey-bullet',
            bulletActiveClass: 'time-bullet-active',
            clickable: true
        },
    })

    var mySwiperTeacher = new Swiper('#swiper4', {
        direction: 'horizontal', // 
        loop: true, // 循环模式选项
        autoplay: {
            delay: 2500,
            disableOnInteraction: false,
        },
        pagination: {
            el: ".custom-pagination",
            type: 'bullets',
            bulletClass: 'timey-bullet',
            bulletActiveClass: 'time-bullet-active',
            clickable: true
        },
    })

    $(document).ready(function () {
        function updateBannerMenuPosition() {
            var windowWidth = $(window).width();
            var banner_menu_left = (windowWidth - 1250) / 2 + 'px';
            $(".banner-menu").css("left", banner_menu_left);
            // console.log("当前网页宽度是：" + windowWidth + "px"); // 如果需要，可以取消注释此行来输出当前网页宽度  
        }

        // 初始时设置banner-menu的位置  
        updateBannerMenuPosition();

        // 窗口大小改变时重新设置banner-menu的位置  
        $(window).resize(updateBannerMenuPosition);
    });

</script>

</html>